��<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>About Root Core Solutions</title> <link rel="stylesheet" href="../../../css/output.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <!-- Navbar --> <nav id="navbar" class="bg-[#e5e2c9] fixed top-0 left-0 w-full z-50 transition-all duration-500 ease-in-out opacity-0"> <div class="container mx-auto flex justify-between items-center"> <img src="../../../images/logo-removebg-preview (2).png" alt="logo" class="h-32"> <div class="md:hidden cursor-pointer h-12" id="nav-toggle">0&</div> <div class="nav-elements hidden md:flex md:space-x-4"> <ul class="flex flex-row space-x-6"> <li><a href="../../../index.html" class="nav-link text-md text-green-900 hover:underline">Home</a></li> <li class="relative group"> <a href="#about" class="nav-link text-md text-green-900 hover:underline">About Us</a> <ul class="absolute left-0 hidden bg-white shadow-md group-hover:block"> <li><a href="./About US.html" class="dropdown-item block p-2 hover:bg-gray-200">About RootCoreSolutions</a></li> <li><a href="./Our Goals.html" class=" block p-2 hover:bg-gray-200">Our Goals</a></li> <li><a href="./Our Vision.html" class="block p-2 hover:bg-gray-200">Our Vision</a></li> </ul> </li> <li class="relative group"> <a href="#capabilities" class="nav-link text-md text-green-900 hover:underline">Our Capabilities</a> <ul class="absolute left-0 hidden bg-white shadow-md group-hover:block w-5/6"> <li><a href="../../Our Capabilities/Safety.html" class="dropdown-item block p-2 hover:bg-gray-200">Safety</a></li> <li><a href="../../Our Capabilities/Quality.html" class="dropdown-item block p-2 hover:bg-gray-200">Quality</a></li> <li><a href="../../Our Capabilities/What Makes Us Different.html" class="dropdown-item block p-2 hover:bg-gray-200">What Makes Us Different</a></li> <li><a href="../../Our Capabilities/E-Learning.html" class="dropdown-item block p-2 hover:bg-gray-200">E-Learning</a></li> </ul> </li> <!-- <li><a href="../../Gallery.html" class="nav-link text-md text-green-900 hover:underline">Gallery</a></li> --> <!-- <li class="relative group"> <a href="#experts" class="nav-link text-md text-green-900 hover:underline">Our Experts</a> <ul class="absolute left-0 hidden bg-white shadow-md group-hover:block"> <li><a href="../../Our Experts/Annasaheb Kalyanrao Shinde.html" class="dropdown-item block p-2 hover:bg-gray-200">Annasaheb Kalyanrao Shinde</a></li> </ul> </li> --> <li><a href="../../ContactUs.html" class="nav-link text-md text-green-900 hover:underline">Contact Us</a></li> </ul> </div> </div> <!-- Mobile Dropdown --> <div class="md:hidden"> <div id="mobile-menu" class="hidden flex-col items-start mt-4"> <ul class="flex flex-col w-full space-y-2"> <li><a href="../../../index.html" class="nav-link text-md text-green-900 hover:underline">Home</a></li> <li class="relative"> <a href="#about" class="nav-link text-md text-green-900 hover:underline">About Us</a> <ul class="bg-white shadow-md ml-4 space-y-2 hidden"> <li><a href="./About US.html" class="block p-2 text-gray-700 hover:bg-gray-200">About RootCoreSolutions</a></li> <li><a href="./Our Goals.html" class="block p-2 text-gray-700 hover:bg-gray-200">Our Goals</a></li> <li><a href="./Our Vision.html" class="block p-2 text-gray-700 hover:bg-gray-200">Our Vision</a></li> </ul> </li> <li class="relative"> <a href="#capabilities" class="nav-link text-md text-green-900 hover:underline">Our Capabilities</a> <ul class="bg-white shadow-md ml-4 space-y-2 hidden"> <li><a href="../../Our Capabilities/Safety.html" class="block p-2 text-gray-700 hover:bg-gray-200">Safety</a></li> <li><a href="../../Our Capabilities/Quality.html" class="block p-2 text-gray-700 hover:bg-gray-200">Quality</a></li> <li><a href="../../Our Capabilities/What Makes Us Different.html" class="block p-2 text-gray-700 hover:bg-gray-200">What Makes Us Different</a></li> <li><a href="../../Our Capabilities/E-Learning.html" class="block p-2 text-gray-700 hover:bg-gray-200">E-Learning</a></li> </ul> </li> <!-- <li><a href="../../Gallery.html" class="nav-link text-md text-green-900 hover:underline">Gallery</a></li> --> <!-- <li class="relative"> <a href="#experts" class="nav-link text-md text-green-900 hover:underline">Our Experts</a> <ul class="bg-white shadow-md ml-4 space-y-2 hidden"> <li><a href="../../Our Experts/Annasaheb Kalyanrao Shinde.html" class="block p-2 text-gray-700 hover:bg-gray-200">Annasaheb Kalyanrao Shinde</a></li> </ul> </li> --> <li><a href="../../ContactUs.html" class="nav-link text-md text-green-900 hover:underline">Contact Us</a></li> </ul> </div> </div> </nav> <!-- Expert Section --> <section class="bg-[#234732] text-white py-8 mt-32"> <div class="container mx-auto px-4 flex justify-between items-center"> <h2 class="text-3xl text-white font-bold italic">About Us</h2> <p class="text-right text-[#b9b9a5] text-sm italic"> <a href="./About US.html">About Us</a> &gt; <a href="./Our Goals.html">Our Goals</a> &gt; <a href="./Our Vision.html">Our Vision</a> </p> </div> </section> <!-- Main Content --> <div class="container mx-auto mt- p-6"> <!-- About Us Section --> <section id="about-us"> <h1 class="text-4xl font-bold text-center text-green-900">About Us</h1> <p class="mt-4 text-gray-700"> At Root Core Solutions, we are dedicated to empowering businesses with top-tier safety and quality training solutions. We are passionate about establishing safer work environments, which is why we provide thorough, individualized training programs that put your employees' safety first and guarantee that they follow industry regulations. </p> <p class="mt-4 text-gray-700"> With years of expertise in risk assessment, safety management, and regulatory compliance, our team of professionals offers practical training that gives your employees the know-how they need to reduce the risk of accidents, increase operational effectiveness, and promote a culture of safety. </p> <p class="mt-4 text-gray-700"> Root Core Solutions provides training solutions that are customized to your unique needs, whether you're trying to improve your organization's safety culture or meet regulatory requirements. Our goal is to assist you in safeguarding your most precious resource, which is your workforce. </p> </section> <!-- Our Goals Section --> </div> <!-- Footer Section --> <footer class="bg-green-900 text-white py-8"> <div class="container mx-auto flex justify-between items-center border-t border-gray-700 pt-4"> <div class="text-left ml-4"> <h2 class="text-lg font-bold mb-2">Root Core Solutions</h2> <p class="text-sm lowercase">Corporate Office</p> <p class="text-sm lowercase">S.NO-10/A1, SHIVAN NIWAS, SATHE COLONY</p> <p class="text-sm lowercase">BEHIND MARATHE CLINIC, CHINCHWADE NAGAR</p> <p class="text-sm lowercase">CHINCHWADE, PUNE CITY, PUNE MAHARASHTRA</p> <p class="text-sm">PIN - 411033</p> <p class="text-sm lowercase">Contact: +91 9604780234</p> </div> <div class="text-center"> <img src="../../../images/logo-removebg-preview (2).png" alt="logo" class="w-24 mx-auto"> <h3 class="text-lg font-bold">Root Core Solutions Pvt. Ltd</h3> <!-- <p class="text-sm">Your expert witness partner</p> --> </div> <!-- Social Media Links --> <div class="flex justify-center space-x-6 mt-4"> <a href="https://www.facebook.com/profile.php?id=61566025845455" class="transition transform hover:scale-110 hover:bg-gray-800 rounded-full p-2"> <img src="../../../images/socialMediaIcons/facebook.png" alt="Facebook" class="w-8 h-8"> </a> <a href="#" class="transition transform hover:scale-110 hover:bg-gray-800 rounded-full p-2"> <img src="../../../images/socialMediaIcons/whatsapp.png" alt="WhatsApp" class="w-8 h-8"> </a> <a href="https://www.linkedin.com/company/training-programme-with-quality" class="transition transform hover:scale-110 hover:bg-gray-800 rounded-full p-2"> <img src="../../../images/socialMediaIcons/linkedin.png" alt="LinkedIn" class="w-8 h-8"> </a> <a href="https://www.instagram.com/Root_Core_Solutions/" class="transition transform hover:scale-110 hover:bg-gray-800 rounded-full p-2"> <img src="../../../images/socialMediaIcons/instagram.png" alt="Instagram" class="w-8 h-8"> </a> </div> </div> <p class="text-sm text-center mt-4">&copy; 2024 Root Core Solutions. All Rights Reserved.</p> </footer> <script src="./js/mobileView.js"></script> <script> // JavaScript to handle scroll event, navbar animation, and height change window.addEventListener('scroll', function() { const navbar = document.getElementById('navbar'); if (window.scrollY > 50) { navbar.classList.add('bg-[#939fba]', 'shadow-lg', 'p-1'); } else { navbar.classList.remove('bg-[#939fba]', 'shadow-lg', 'p-1'); } }); // Ensure navbar becomes visible on page load window.onload = function() { document.getElementById('navbar').classList.remove('opacity-0'); }; // Mobile menu toggle const navToggle = document.getElementById('nav-toggle'); const mobileMenu = document.getElementById('mobile-menu'); navToggle.addEventListener('click', () => { mobileMenu.classList.toggle('hidden'); }); </script> </body> </html>